<html>
<head>
<title>appDemo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body >
<h1>NW.JS 系统托盘</h1>

<script>

    /*
        Tray包含title、tooltip、icon、menu、alticon五个属性。
        title属性只在mac系统下有效，会和icon图标一起显示在状态栏。
        tooltip是当鼠标移动到tray上方时显示的提示语，在所有平台下都有效。
        icon是tray显示在托盘中的图标。
        menu是托盘中的菜单，是一个 gui.Menu对象（参考：node-webkit教程6native-ui-api-之menu菜单）。
        alticon只有在mac下起作用，配置切换效果icon图标。
    
    */

    var isShowWindow = true;
    // Load native UI library
    var gui = require('nw.gui');
    var win = gui.Window.get();

    // 创建菜单
    var sub = new gui.Menu();
    sub.append(new gui.MenuItem({
        label: '托盘菜单 A-1',
        click: function() { console.log('托盘 A-1') }
    }));
    sub.append(new gui.MenuItem({
        label: '托盘菜单 A-2',
        click: function() { console.log('托盘 A-2') }
    }));
    sub.append(new gui.MenuItem({
        label: '托盘菜单 A-3',
        click: function() { console.log('托盘 A-3') }
    }));

    var tray = new gui.Tray({ title: '玄魂的软件', icon: 'assets/icons8-apple-logo-64.png'});
    tray.tooltip = '点此打开NW.JS程序';

    //添加一个菜单
    var menu = new gui.Menu();
    menu.append(new gui.MenuItem({ type: 'checkbox', label: '选择我' }));
    tray.menu = sub;

    //click事件
    tray.on('click', function() {
        if(isShowWindow)
        {
            win.hide();
            isShowWindow = false;
        }
        else
        {
            win.show();
            isShowWindow = true;
        }
    });

    
</script>

</body>
</html>